<template>
  <h3>
      {{title}}
  </h3>
</template>

<script>
    /*
        当要对 传入的props进行验证时（可以理解为自定义的类型）
        import { PropType } from 'vue'
        export type CellArrowDirection = 'up' | 'down' | 'left' | 'right'

        type: String as PropType<CellArrowDirection>,
    */ 
    import { defineComponent } from 'vue';
    export default defineComponent({
        name:'headTitle',
        props:{
            title:{
                type: String,
                default: 'vue3 + ts 学习'
            }
        }
    })
</script>

<style lang="less" scoped>
    h3{
        text-align: center;
        font-size: 20px;
        padding: 10px 0;
    }
</style> >
